<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鼎搜网列表页</title>
</head>
<body>
    <div class="wed">
        <header>
            <!-- 蓝色的线 -->
            <div class="header-line clearfix"></div>
            <!-- 头部主要内容 -->
            <div class="hearder-content">
                <!-- logo -->
                <a href="#" class="logo fl">
                    <img src="./images/logo.jpg" alt="logo">
                </a>
                <!-- 导航 -->
                <nav class="navigation fl">
                    <ul class="clearfix">
                        <li class="fl active">
                            <a href="#">首页</a>
                        </li>
                        <li class="fl">
                            <a href="#">关于鼎搜</a>
                        </li>
                        <li class="fl">
                            <a href="#">鼎搜服务</a>
                        </li>
                        <li class="fl">
                            <a href="#">鼎搜动态</a>
                        </li>
                        <li class="fl">
                            <a href="#">鼎搜诚聘</a>
                        </li>
                        <li class="fl">
                            <a href="#">鼎搜公益</a>
                        </li>
                    </ul>
                </nav>
                <!-- 搜索 -->
                <div class="search fr">
                    <input type="text">
                    <div class="search-logo">
                        <img src="./images/search-logo.jpg" alt="">
                    </div>
                </div>
            </div>
        </header>
        <section class="banner">
                <div class="banner1 ban">诚信为顶</div>
                <div class="banner2 ban">共赢为首</div>
                <div class="banner3 ban">服务全网</div>
                <div class="dot">
                    <ul>
                        <li class="spe"><a href="#"></a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                    </ul>
                </div>
        </section>

    </div>
</body>
</html>